import { useMount } from 'ahooks';
import { Col, Row } from 'antd';
import styles from './index.module.less';
import { ImportEcharts } from './salesChart';

const colProps = {
  span: 12,
};
const chartStyle = {
  backgroundColor: '#f7f9fb',
  borderRadius: '20px',
  padding: '2%',
};

export default function Example() {
  useMount(() => {});

  return (
    <div className={styles['page-poc-mgt']}>
      <Row style={{ marginBottom: '20px' }}>
        <Col {...colProps}>
          <div style={chartStyle}>
            <ImportEcharts />
          </div>
        </Col>
        <Col {...colProps} style={{ paddingLeft: '2%' }}>
          <div style={chartStyle}>
            <ImportEcharts />
          </div>
        </Col>
      </Row>
    </div>
  );
}
